@import "/pages/alert/index.css";

page {
	background: #fff;
}

.serch_view {
	position: fixed;
	z-index: 10;
	width: 100%;
	padding-bottom: 10rpx;
	background: #B70A0C;
}

.picker {
	color: white;
	font-size: 32rpx;
}

.sell_img {
	width: 50%;
	height: 100%;
	display: flex;
	margin-left: 240rpx;
	position: absolute;
	margin-top: -15px;

}

.serch_border {
	margin-top: 14rpx;
	height: 60rpx;
	margin: 0 auto;
	width: 690rpx;
	z-index: 10;
	border-radius: 100px;
	background: #F2F2F2;
}

.serch_border1 {
	margin-top: 14rpx;
	height: 66rpx;
	width: 540rpx;
	display: inline-block;
	z-index: 10;
	border-radius: 100px;
	background: #F2F2F2;
}

.serch_border_area {
	font-size: 28rpx;
	max-width: 160rpx;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: top;
	padding-left: 30rpx;
	color: #333333;
	line-height: 80rpx;
	height: 80rpx;
}

.serch_border_area_border {
	display: inline-block;
	vertical-align: top;
	max-width: 118rpx;
	line-height: 80rpx;
	height: 80rpx;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.serch_border_area_img {
	height: 30rpx;
	display: inline-block;
	margin-left: 10rpx;
	width: 30rpx;
	vertical-align: middle;
}

.serch_border_nav {
	height: 90rpx;
	width: 100%;
}

.serch_border_img {
	margin-top: 16rpx;
	margin-left: 20rpx;
	padding-right: 10rpx;
	border-right: 1rpx solid rgba(0, 0, 0, 0.10);
	height: 38rpx;
	width: 38rpx;
	float: left;
}

.serch_border_text {
	padding-left: 15rpx;
	height: 60rpx;
	width: 80%;
	float: left;
	line-height: 69rpx;
	font-size: 31rpx;
	color: #949090;
}

.scroll_size {
	height: 375rpx;
	width: 100%;
}

.xiaoxi {
	height: 80rpx;
	width: 100%;
	margin: 0 auto;
	padding-top: 1rpx;
	display: block;
	background: #FFF;
	border-bottom: 15rpx solid #f2f2f2;
}

.xiaoxi_leftImg {
	padding-right: 15rpx;
	padding-left: 30rpx;
	float: left;
	height: 40rpx;
	margin-top: 20rpx;
	width: 40rpx;
}

.xiaoxi_right_btn {
	height: 45rpx;
	width: 100rpx;
	border: 1px solid #0AC2AE;
	float: left;
	margin-top: 17.5rpx;
	margin-left: 30rpx;
	text-align: center;
	line-height: 45rpx;
	font-size: 24rpx;
	color: #0AC2AE;
	border-radius: 5rpx;
}

.xiaoxi_zhezhao {
	width: 590rpx;
	height: 80rpx;
	position: absolute;
	left: 0;
	z-index: 50;
}

.update_scroll_modle {
	width: 505rpx;
	height: 80rpx;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	float: left;
	line-height: 80rpx;
	font-size: 24rpx;
	color: #555555;
}

.nav {
	height: 80rpx;
	width: 100%;
	background: #FFFFFF;
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.10);
}

.nav_modle {
	width: 20%;
	display: inline-block;
	line-height: 80rpx;
	text-align: center;
	font-size: 26rpx;
	color: #555555;
}

.nav_modle_active {
	color: #0AC2AE;
}

.nav_modle_img {
	height: 30rpx;
	vertical-align: middle;
	padding-left: 10rpx;
	width: 30rpx;
}

.zhuanrang {
	font-weight: normal;
	color: #F75F5F;
}

.shop_modle {
	width: 720rpx;
	padding-top: 30rpx;
	margin-left: 30rpx;
}

.shop_modle_right {
	width: 570rpx;
	vertical-align: top;
	padding-left: 20rpx;
	display: inline-block;
}

.shop_modle_right_title {
	font-size: 28rpx;
	color: #333333;
	width: 100%;
}

.shop_modle_right_title_name {
	max-width: 65%;
	word-break: keep-all;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.shop_modle_right_title_right {
	font-size: 28rpx;
	color: #F75F5F;
	font-weight: bold;
	float: right;
}

.shop_modle_area {
	font-size: 24rpx;
	color: #9295A8;
	margin-top: 10rpx;
	width: 570rpx;
}

.shop_modle_area_dian {
	color: #F75F5F;
	font-size: 30rpx;
	font-weight: bold;
	padding-right: 10rpx;
}

.shop_modle_message {
	font-size: 30rpx;
	color: #F75F5F;
	font-weight: bold;
	margin-top: 10rpx;
	width: 570rpx;
}

.shop_modle_num {
	font-size: 24rpx;
	color: #9295A8;
	margin-top: 10rpx;
	width: 570rpx;
}

.solid_modle_scroll_img {
	width: 100%;
}

.solid_modle_scroll {
	width: 600rpx;
	height: 180rpx;
	margin-top: 10rpx;
	overflow-X: scroll;
	white-space: nowrap;
	display: block;
}

.solid_modle_scroll_modle {
	margin-left: 10rpx;
	height: 180rpx;
	width: 180rpx;
	display: inline-block;
}

.solid_modle_scroll_modle_img {
	height: 180rpx;
	width: 180rpx;
	border-radius: 5rpx;
}

.btm_nav {
	height: 30rpx;
	width: 100%;
}

@-webkit-keyframes top {
	0% {
		top: 565rpx;
	}

	100% {
		top: 90rpx;
	}
}

@-webkit-keyframes down {
	0% {
		top: 90rpx;
	}

	100% {
		top: 565rpx;
	}
}

.shop_view_active {
	overflow: hidden;
	background: #fff;
}

.shop_border {
	width: 100%;
}

.shop_view_topactive {
	-webkit-animation: top 1s;
	top: 90rpx;
}

.shop_view_downactive {
	-webkit-animation: down 1s;
	top: 565rpx;
}

.nav_fenlei {
	padding-top: 20rpx;
	position: absolute;
	z-index: 10;
	overflow-y: scroll;
	max-height: 480rpx;
	padding-bottom: 20rpx;
	width: 100%;
	background: #fff;
}

.nav_fenlei_title {
	font-size: 24rpx;
	color: #333333;
	width: 100%;
	text-align: center;
}

.nav_fenlei_modle {
	height: 50rpx;
	margin-top: 20rpx;
	padding-left: 20rpx;
	padding-right: 20rpx;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-left: 20rpx;
	border: 1rpx solid #e4e4e4;
	display: inline-block;
	font-size: 24rpx;
	color: #555555;
	line-height: 50rpx;
	text-align: center;
	width: 117rpx;
}

.nav_fenlei_modle_img {
	height: 30rpx;
	width: 30rpx;
	position: absolute;
	display: block;
	margin-left: 128rpx;
	margin-top: 21rpx;
}

.nav_fenlei_modle_active {
	color: #0AC2AE;
	border: 1px solid #0AC2AE;
	background: rgba(10, 194, 174, 0.10);
}

.shop_view {
	width: 100%;
	height: 840rpx;
}

.nav_fenlei_mengceng {
	position: absolute;
	z-index: 5;
	height: 750rpx;
	width: 100%;
	background: rgba(0, 0, 0, 0.30);
}

.type_btn_border {
	width: 90%;
	margin-left: 5%;
	margin-top: 20rpx;
	height: 90rpx;
	border-top: 1rpx solid #f9f9f9;
}

.type_btn_border_index {
	padding: 0;
	margin: 0;
	text-align: center;
	line-height: 48rpx;
	width: 150rpx;
	height: 50rpx;
	float: left;
	margin-left: 100rpx;
	border-radius: 0;
	margin-top: 30rpx;
	background: #fff;
	font-size: 24rpx;
	color: #F75F5F;
	border: 1rpx solid #F75F5F;
}

.type_btn_border_second {
	padding: 0;
	margin: 0;
	text-align: center;
	line-height: 50rpx;
	width: 150rpx;
	height: 50rpx;
	margin-left: 210rpx;
	float: left;
	border-radius: 0;
	margin-top: 30rpx;
	background: #0AC2AE;
	font-size: 24rpx;
	color: #fff;
}

button::after {
	border: none;
}

.paixu_modle {
	width: 90%;
	margin-left: 5%;
	font-size: 24rpx;
	color: #333333;
	height: 80rpx;
	line-height: 80rpx;
}

.paixu_modle_img {
	height: 40rpx;
	width: 40rpx;
	float: right;
	margin-top: 20rpx;
}

.paixu_modle_active {
	color: #0AC2AE;
}

.choose_view {
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 1rpx;
	padding-bottom: 12rpx;
	background: #F2F2F2;
}

.choose_view_modle {
	height: 46rpx;
	line-height: 46rpx;
	font-size: 24rpx;
	background: #fff;
	display: inline-block;
	margin-left: 30rpx;
	padding-left: 20rpx;
	margin-top: 15rpx;
	padding-right: 20rpx;
	color: #555555;
}

.choose_view_modle_img {
	height: 20rpx;
	width: 20rpx;
	vertical-align: middle;
	margin-left: 20rpx;
}

.choose_area {
	position: relative;
	z-index: 10;
	width: 100%;
	background: white;
	padding-bottom: 20rpx;
}

.choose_area_modle {
	margin-top: 35rpx;
	width: 20%;
	display: inline-block;
}

.choose_area_modle_img {
	height: 50rpx;
	width: 50rpx;
	display: block;
	margin: 0 auto;
}

.choose_area_modle_title {
	width: 100%;
	font-size: 24rpx;
	color: #555555;
	margin-top: 14rpx;
	padding-bottom: 35rpx;
	text-align: center;
}

.shop_modle_headImg_view {
	width: 100rpx;
	display: inline-block;
	border-radius: 100%;
	overflow: hidden;
	height: 100rpx;
}

.shop_modle_headImg {
	border-radius: 100%;
	height: 100rpx;
	width: 100rpx;
}

.shop_modle_headImg_view_btmTextView {
	position: relative;
	width: 100rpx;
	line-height: 28rpx;
	font-size: 16rpx;
	padding-bottom: 10rpx;
	color: #FFFFFF;
	text-align: center;
	margin-top: -35rpx;
	background: #F5A623;
	overflow: hidden;
}

.ziying {
	width: 80rpx;
	height: 30rpx;
	vertical-align: middle;
	margin-left: 10rpx;
	border-radius: 5rpx;
	line-height: 30rpx;
	margin-top: -5rpx;
	font-size: 16rpx;
	color: #FFFFFF;
	background: #0AC2AE;
	display: inline-block;
	text-align: center;
}

.tuijian {
	width: 56rpx;
	height: 30rpx;
	border-radius: 5rpx;
	line-height: 30rpx;
	font-size: 16rpx;
	color: #FFFFFF;
	background: #EC6D6E;
	position: absolute;
	margin-top: 152rpx;
	text-align: center;
}

.pinpai_over {
	max-height: 420rpx;
	width: 100%;
	overflow-y: scroll;
}

.shangjia_solid_modle_scroll {
	width: 740rpx;
	padding-left: 10rpx;
	overflow-X: scroll;
	white-space: nowrap;
	border-bottom: 12rpx solid #f2f2f2;
	padding-bottom: 20rpx;
	background: #fff;
	display: block;
}

.shangjia_solid_modle_scroll_modle {
	margin-left: 20rpx;
	width: 180rpx;
	display: inline-block;
	background: white;
}

.shangjia_solid_modle_scroll_modle_img {
	height: 180rpx;
	width: 100%;
	border-radius: 10rpx;
	background: #e0e0e0;
	margin: 0 auto;
	display: block;
}

.shangjia_solid_modle_scroll_modle_title {
	width: 100%;
	float: left;
	font-size: 26rpx;
	display: block;
	color: #666666;
	text-align: center;
	font-weight: bold;
	margin-top: 15rpx;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.shangjia_solid_modle_scroll_modle_price {
	width: 100%;
	margin-top: 15rpx;
	color: #D39F43;
	text-align: center;
	float: left;
	font-size: 23rpx;
}

.shangjia_solid_modle_scroll_modle_priceimg {
	height: 25rpx;
	padding-left: 5rpx;
	vertical-align: middle;
	margin-top: -5rpx;
	width: 25rpx;
}

.shangjia_solid_modle_scroll_title {
	width: 90%;
	margin-left: 5%;
	line-height: 80rpx;
	color: #333;
	font-size: 30rpx;
	font-weight: bold;
}

.modle {
	width: 690rpx;
	margin: 0 auto;
	padding-top: 30rpx;
	padding-bottom: 30rpx;
	height: 180rpx;
	border-bottom: 1rpx solid rgba(0, 0, 0, 0.10);
}

.modle_img {
	height: 180rpx;
	width: 270rpx;
	background: #e0e0e0;
	border-radius: 10rpx;
	float: left;
}

.modle_name_conetnt {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20rpx;
	box-sizing: border-box;
}

.modle_name {
	font-size: 30rpx;
	color: #333333;
	font-weight: bold;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	white-space: nowrap;

}

.modle_chexing {
	font-size: 24rpx;
	color: #7A7A7A;
	margin-top: 20rpx;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 20rpx;
	width: 96%;
}

.modle_price {
	font-size: 30rpx;
	color: #F75F5F;
	font-weight: bold;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	bottom: 0rpx;
	position: absolute;
	text-overflow: ellipsis;
	padding-left: 20rpx;
	width: 100%;
}

.modle_price_ago {
	font-size: 20rpx;
	font-weight: normal;
	color: #7A7A7A;
}

.modle_price_ago_fen {
	text-decoration: line-through;
}

.message_border {
	width: 420rpx;
	height: 180rpx;
	float: left;
	position: relative;
}

.ziying:first-child {
	margin-left: 0;
}

.end_none {
	width: 100%;
	font-size: 28rpx;
	color: #8a8a8a;
	text-align: center;
	height: 100rpx;
	line-height: 100rpx;
}

.guanggao_view {
	border-bottom: 15rpx solid #f2f2f2;
}

.cla_nav {
	width: 100%;
	height: auto;
}

.cla_nav .nav_item {
	width: calc((750rpx - 132rpx) / 5);
	height: calc((750rpx - 132rpx) / 5 + 60rpx);
	margin-left: 26rpx;
	float: left;
}

.cla_nav .nav_item .img_box {
	width: 100%;
	height: calc((750rpx - 132rpx) / 5);
	border-radius: calc((750rpx - 132rpx) / 5);
	overflow: hidden;
	text-align: center;
}

.cla_nav .nav_item .img_box image {
	width: 80%;
	height: 80%;
	margin-top: 10%;
}

.cla_nav .nav_item .nav_word {
	width: 100%;
	height: 60rpx;
	text-align: center;
	line-height: 60rpx;
	font-size: 28rpx;
}

.buse_box {
	width: 100%;
	height: auto;
	margin: 30rpx auto 0 auto;
}

.buse_box .tit_box {
	width: 100%;
	height: 80rpx;
	line-height: 80rpx;
	text-align: center;
	font-size: 32rpx;
	background: #F5A84E;
	color: #fff;
}

.buse_box .tit_box .tit_word {
	width: 50%;
	height: 100%;
	float: left;
}

.tit_col {
	background: #F07230;
}

.condition_box {
	width: 100%;
	height: auto;
}

.condition_box .cond_item {
	width: calc(100% / 4);
	height: 80rpx;
	text-align: center;
	line-height: 80rpx;
	float: left;
	font-size: 28rpx;
}

.buse_butt {
	height: 80rpx;
	width: 300rpx;
	line-height: 80rpx;
	font-size: 30rpx;
	color: #fff;
	background: #0080FF;
	margin-bottom: 30rpx;
	margin-top: 30rpx;
}

.hot_box {
	width: 100%;
	height: auto;
	background: #F2F2F2;
}

.hot_box .h_tit {
	height: 80rpx;
	width: 100%;
	line-height: 80rpx;
	text-align: center;
	background: #FFF;
}

.hline {
	width: 100%;
	height: 20rpx;

}

.hot_list {
	width: 100%;
	height: auto;
	padding-bottom: 22rpx;
}

.hot_list .hot_item {
	width: calc((750rpx - 88rpx) / 3);
	height: calc((750rpx - 88rpx) / 3 + 60rpx);
	margin: 22rpx 0 0 22rpx;
	float: left;
	background: #fff;
}

.hot_list .hot_item .hot_tit {
	height: 60rpx;
	width: 100%;
	line-height: 60rpx;
	text-align: center;
	background: #fff;
	font-size: 30rpx;
}

.hot_list .hot_item .hot_img {
	height: calc((750rpx - 88rpx) / 3);
	width: calc((750rpx - 88rpx) / 3);
}

.hot_list .hot_item .hot_img image {
	width: 100%;
	height: 100%;
}

.new_tit {
	height: 80rpx;
	width: 100%;
	line-height: 80rpx;
	text-align: center;
}

.pri_butt {
	min-width: 120rpx;
	height: 40rpx;
	border: 2rpx solid #0080FF;
	color: #0080FF;
	text-align: center;
	line-height: 40rpx;
/* 	position: absolute;
	right: 0;
	bottom: 0; */
	font-size: 28rpx;
}

.pri_butt1 {
	width: 120rpx;
	height: 40rpx;
	background: #FFECD1;
	color: #FD8C34;
	text-align: center;
	line-height: 40rpx;
	position: absolute;
	left: 20rpx;
	bottom: 40rpx;
	font-size: 28rpx;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pri_num {
	/* width: calc(100% - 140rpx); */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.timg_box {
	position: relative;
	height: 180rpx;
	width: 270rpx;
	float: left;
}

.bf_img {
	width: 80rpx;
	height: 80rpx;
	position: absolute;
	top: 50rpx;
	left: 95rpx;
}

.sq_alert {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	/*  #ifdef  H5  */
	top: calc(88rpx + constant(safe-area-inset-top));
	top: calc(88rpx + env(safe-area-inset-top));
	/*  #endif  */
	left: 0;
	background: #fff;
	border-radius: 20rpx;
	z-index: 200;
}
